<template>
	
</template>

<script>
	export default{
		props:['hotCities'],
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped>
	.city-hot{
		width: 100%;
		font-size: 0.28rem;
	}
	.hot-title{
		padding: 0.2rem 0.3rem;
	}
	.hot-list{
		background-color: white;
		color: #212121;
		position: relative;
		overflow: hidden;
	}
	.hot-list:before{
		content: "";
		position: absolute;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		width: 33.333%;
		height: 100%;
		left: 33.333%;/* 左边的作用，是将覆盖在ul上方的区域向左移动一个li标签的宽度 */
	}
	.hot-list li{
		width: 33.333%;
		height: 0.9rem;
		text-align: center;
		line-height: 0.9rem;
		float: left;
		border-bottom:  1px solid #ddd;
		background-color: white;
	}
	
</style>
